﻿<div class="clearfix">
    <div class="col-md-12">
        <div ng-controller="ArtController">
            <h2>Artist Details</h2>
            <table class="table table-bordered table-striped">
                <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Bio</th>

                </tr>
                <tr>
                    <td>{{artist.FirstName}}</td>
                    <td>{{artist.LastName}}</td>
                    <td>{{artist.Bio}}</td>
                </tr>

            </table>
            <div>
                <h2>Artist Pieces</h2>
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Description</th>
                        <th>Art Url</th>
                        <th></th>
                    </tr>
                    <tr ng-repeat="artPiece in artPieces">
                        <td>{{artPiece.Description}}</td>
                        <td><img src={{artPiece.ArtUrl}} height=75 width=75 /></td>
                        <td></td>
                    </tr>
                    <tr ng-show="showAddPiece()">
                        <td><input type="text" ng-model="artPiece.Description" /></td>
                        <td><input type="text" ng-model="artPiece.ArtUrl" /></td>
                        <td><button ng-click="addArtPiece(artPiece);">Submit New Art Piece</button></td>
                    </tr>

                </table>
            </div>
        </div>
    </div>
</div>